<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3677373_hjp8fzijp.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>购物网欢迎您！ </li>
                    <li>
                        <a href="#">请登录</a> <a href="#" class="font-style-red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow-icon">我的购物车 </li>
                    <li></li>
                    <li>会员专区</li>
                    <li></li>
                    <li class="arrow-icon">我的关注</li>
                    <li></li>
                    <li class="arrow-icon">客服服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header w">
    <div class="search">
        <input type="search" required="required" placeholder="语言开发" autocomplete="on">
        <button>搜索</button>
    </div>
    <div class="hotwords">
        <a href="" class="font-style-red">优惠购首发</a><a href="">亿元优惠</a><a href=""> 9.9元团购 </a><a
            href="">美满99减30</a><a href=""> 办公用品</a><a href="">电脑</a><a href=""> 通信</a>
    </div>
    <a href="#" class="shopcar">我的购物车
        <div class="count">8</div>
    </a>
    </div>
    <div class="nav">
        <div class="w">
            <!-- 导航栏--秒杀 -->
            <div class="sk">
                <div class="sk-list">
                    <ul>
                        <li><a href="#">品优秒杀</a></li>
                        <li><a href="#">即将售罄</a></li>
                        <li><a href="#">超值低价</a></li>
                    </ul>
                </div>
                <div class="sk-con">
                    <ul>
                        <li><a href="#">女装</a></li>
                        <li><a href="#">女鞋 </a></li>
                        <li><a href="#">男装</a></li>
                        <li><a href="#">男鞋</a></li>
                        <li><a href="#">母婴童装</a></li>
                        <li><a href="#">食品</a></li>
                        <li><a href="#">智能数码 </a></li>
                        <li><a href="#">运动户外 </a></li>
                        <li><a href="#">更多分类</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="sk_container w">
        <div class="sk_bd">
            <ul class="clearfix">
                <li><a href="#">
                        <img src="../image/101.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                                仁和驼奶钙片 4盒400粒
                            </div>
                            <div>
                                <h4 class="font-style-red">103</h4>
                                <h4 class="oldprice">¥119</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售87%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">

                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余29件</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="../image/101.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                                仁和驼奶钙片 4盒400粒
                            </div>
                            <div>
                                <h4 class="font-style-red">103</h4>
                                <h4 class="oldprice">¥119</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售87%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">

                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余29件</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="../image/101.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                                仁和驼奶钙片 4盒400粒
                            </div>
                            <div>
                                <h4 class="font-style-red">103</h4>
                                <h4 class="oldprice">¥119</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售87%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">

                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余29件</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="../image/101.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                                仁和驼奶钙片 4盒400粒
                            </div>
                            <div>
                                <h4 class="font-style-red">103</h4>
                                <h4 class="oldprice">¥119</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售87%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">

                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余29件</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
            </ul>
        </div>
    </div>
</body>
</html>